.banner{width: 100%;height: 35.42vw;overflow: hidden; position: relative;z-index: 10;background-color: #fff;}
.banner a{display: block;font-size: 0;}
.banner:after{position: absolute; left: 3.5rem;bottom: 20px; z-index: 3;width: 140px;height: 35px;content: "";background: url(../images/icon_mouse_w.png) center no-repeat;animation: mousedown 2s linear 0s infinite both;}
@keyframes mousedown{
    0% {transform: translate3d(0,-8px,0);}
    25% {transform: translate3d(0,0px,0);}
    50% {transform: translate3d(0,8px,0);}
    75% {transform: translate3d(0,0px,0);}
    100% {transform: translate3d(0,-8px,0);}
}

.banner .swiper-slide {height: 100%;}
.banner .slick-list,.banner .swiper-wrapper,.banner .slick-slider .slick-track,.banner .slick-slider .slick-list,.banner .slick-slider .slick-slide >div{height: 100%;}
.banner .swiper-slide img{margin: 0 auto;}

.banner .container{position: relative;height: 100%;z-index: 100;}
.banner .container .textcon{width: 50%;height: 100%; float: left;position: relative;}
.banner .container .textcon1{width: 64%;}
.banner .container .imgcon {width: 50%;height: 100%;float: left;position: relative;}
.banner .container .imgcon .img{position: absolute;top: 50%;right: 15%; transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;text-align: center;}
.banner .textcon2{}
.banner .text{}

.banner .container .con{position: absolute;top: 50%;left: 0; transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff; }
.banner .container .con .title{font-size: 3rem;font-family: 'Oswald-Light'; line-height: 1.5;letter-spacing: 1px;color: #fff;text-transform: uppercase;}
.banner .container .con .enname{font-size: 1.5rem;font-family: 'Oswald-Light';line-height: 1.5;color: #fff;margin-top: 1.5rem;text-transform: uppercase;font-weight: lighter; }
.banner .container .con .desc{font-size: 16px;font-family: 'Oswald-Light'; line-height: 2;margin-top: 1.875rem;color: #fff;}
.banner .container .imgs{margin-top: 1.875rem;}
.banner .container .imgs .img{width:27.345%;margin-right: 14px;float: left;}
.banner .container .imgs .img img{width: 100%;}

.banner .container .con .btns{margin-top: 2.5rem;}
.banner .container .con .btns a{display: inline-block;padding: 1.25rem 1.25rem;vertical-align: top;margin-right: 16px;border-radius: 5px;min-width: 11.75rem;text-align: center;font-size: 14px;font-weight: normal;color: #fff;transition: all 0.6s;cursor: pointer;background-color: #fd8100;color: #fff;text-transform: uppercase; }
.banner .container .con .btns a .iconfont{font-size: 1.2rem;line-height: 1; margin-left: 0.5rem;}
.banner .container .con .btns a.on,.banner .container .con .btns a:hover{background-color: #fff;color: #ec3630;}



.banner .bgb { position:absolute; width:100%; height:100%; left:0; top:0;background-size: cover;background-position: center center;background-repeat: no-repeat; }  
.banner .bgb .mimg{width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
/*.banner .swiper-slide .bgb{
    -ms-transform: scale(1.02,1.02);
    -o-transform: scale(1.02,1.02);
    -moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02);
    -webkit-transition: transform 8000ms ease-in-out;
    -moz-transition: transform 8000ms ease-in-out;
    -o-transition: transform 8000ms ease-in-out;
    -ms-transition: transform 8000ms ease-in-out;
    transition: transform 8000ms ease-in-out;}
.banner .swiper-slide-active .bgb,.banner .slick-active .bgb {
    -ms-transform: scale(1.0,1.0) rotate(0.00001deg);
    -o-transform: scale(1.0,1.0) rotate(0.00001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.00001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.00001deg);
    transform: scale(1.0,1.0) rotate(0.00001deg);}*/

/*动画*/
.banner .con .title,.banner .con .imgs,.banner .con .enname,.banner .con .subtitle,.banner .con .desc,.banner .con .btns{opacity: 0;transition: all 1.2s ease-out;transform: translateX(-200px);}
.banner .slick-active .con .title,.banner .swiper-slide-active .con .title{opacity: 1;transform: translateX(0);transition-delay: 0.2s;}
.banner .slick-active .con .enname,.banner .swiper-slide-active .con .enname{opacity: 1;transform: translateX(0);transition-delay: 0.3s;}
.banner .slick-active .con .desc,.banner .swiper-slide-active .con .desc{opacity: 1;transform: translateX(0);transition-delay: 0.3s;}
.banner .slick-active .con .imgs,.banner .swiper-slide-active .con .imgs,.banner .swiper-slide-active .con .btns{opacity: 1;transform: translateX(0);transition-delay: 0.4s;}


.banner .swiper-slide-active .container img,.banner .once .container img{opacity: 1;}
.banner .swiper-slide-active .container .con .wenzi,.banner .once .container .con .wenzi{opacity: 1;}


.banner .pagination_wrap{width: 10px;position: absolute;z-index: 99;right: 50px;bottom: 50%;transform: translateY(50%);display: none;}
.banner .swiper-pagination{position: absolute;left: 0;bottom: 30px; width: 100%;}
.banner .swiper-pagination span{background-color: #fff;width: 0.75rem;height: 0.75rem;border-radius: 0.5rem;transition: all 0.6s;opacity: 1;margin: 5px 5px!important;display: inline-block;background-color: transparent;border: 1px solid #fff;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #ffffff;}

.main_visual_autoplay {width: 20px;height: 20px;margin-top: 10px;margin-left: -5px; position: relative;}
.main_visual_autoplay>span {display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0; font-size: 0;cursor: pointer;background: url(../images/icon_pause_w.png) center no-repeat;background-size: 20px;}
.main_visual_autoplay .autoplay_play {background-image: url(../images/icon_play_w1.png);opacity: 0;}
.main_visual_autoplay.pause .autoplay_play{opacity: 1;}
.main_visual_autoplay.pause .autoplay_pause{opacity: 0;}

.pagination_wrap .swiper-button-prev,.pagination_wrap .swiper-button-next{position: relative;margin-bottom: 5px; margin-top: 0; width: 40px;height: 30px; top: 0;left: 50%;transform: translateX(-50%);background: url(../images/icon_up_w.png) center no-repeat;background-size: 24px;}
.pagination_wrap .swiper-button-next{top: auto;bottom: 0;margin-top: 5px; background-image: url(../images/icon_down_w.png);}


.banner .slider_pagination{position: absolute;z-index: 10; width:100%;left:0%;bottom:4.5rem;text-align: center;}
.banner .slider_pagination span{font-size:0;width:2.0rem;height:2.0rem;position: relative;display: inline-block;margin-left:12px; cursor: pointer;}
.banner .slider_pagination span:first-child{margin:0;}
.banner .slider_pagination span button{display: inline-block;background:none;width:2.0rem;height:2.0rem;box-sizing: border-box;border:0;position: relative;cursor: pointer;}
.banner .slider_pagination span button:before{content:'';display: block;position: absolute;top:50%;margin-top:-0.2rem;left:50%;margin-left:-0.2rem;width:0.4rem;height:0.4rem;background:#fff;opacity: .6;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}
.banner .slider_pagination span.active button:before{opacity: 1;}
.banner .slider_pagination .progress { width: 2.0rem;height: 2.0rem;line-height: 2.2rem;background: none;margin: 0 auto;box-shadow: none;position: absolute;opacity:0;}
.banner .slider_pagination span.active .progress{opacity:1;}
.banner .slider_pagination .progress:after { content: "";width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;}
.banner .slider_pagination .progress>span { width: 50%;height: 100%; overflow: hidden;position: absolute; top: 0;z-index: 1;}
.banner .slider_pagination .progress .progress-left {left: 0;}
.banner .slider_pagination .progress .progress-bar {width: 100%; height: 100%;background: none;border-width: 1px;border-style: solid;position: absolute;top: 0;border-color: #fff; box-sizing: border-box;}
.banner .slider_pagination .progress .progress-left .progress-bar {left: 100%;border-top-right-radius: 2.0rem;border-bottom-right-radius: 2.0rem;border-left: 0;-webkit-transform-origin: center left;transform-origin: center left;}
.banner .slider_pagination span.active .progress .progress-left .progress-bar {
   -webkit-animation: loading-2 3s linear forwards 3s;
   animation: loading-2 3s linear forwards 3s;
}
.banner .slider_pagination .progress .progress-right {right: 0;}
.banner .slider_pagination .progress .progress-right .progress-bar {left: -100%;border-top-left-radius: 2.0rem;border-bottom-left-radius: 2.0rem;border-right: 0;}
.banner .slider_pagination span.active .progress .progress-right .progress-bar {
   -webkit-transform-origin: center right;
   transform-origin: center right;
   -webkit-animation: loading-1 3s linear forwards;
   animation: loading-1 3s linear forwards;
}
@keyframes loading-1 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}}
@keyframes loading-2 {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}100% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}}


.typebar{margin-bottom: 2.5rem;line-height: 1.6;display: block;position: relative;}
.typebar h2{font-size: 1.875rem;display: inline-block;position: relative;padding-left: 2.1875rem;position: relative;text-transform: uppercase;}
.typebar h2:after{position: absolute;left: 0;top: 50%;margin-top: -0.7rem; width: 1rem;height: 1rem;border-radius: 50%;border: 2px solid #fd8100; content: "";}
.typebar .enname{font-size: 1.2rem;color: #888;text-transform: uppercase;}
.typebar .more{position: absolute;right: 0;bottom: 20px;font-size: 14px;text-transform: uppercase;}
.typebar .more:hover{}
.typebar .desc{font-size: 14px;color: #1b1b1b;margin-top: 2.25rem;}
.typebar.white h2{color: #fff;}
.typebar.white .enname{color: #eee;}
/*.typebar.white:after{position: absolute;left: 0;bottom: 0;width: 60px;height: 1px;background-color: #fff;content: "";}*/

.swiper-pagination-bullet-active{background-color: #fd8100;}
.swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 16px;}


.index_main{position: relative;z-index: 11;background-color: #fff;}
.index_product{overflow: hidden;}
.protop{width: 100%;height: 248px;position: relative;z-index: 0;}
.protop .leftcon{width: 50%;float: left; padding-top: 5.625rem;padding-right: 2.2rem;height: 100%;}
.protop .rightcon{width: 50%;float: right; padding-top: 5.625rem;padding-left: 5%;padding-right: 4%;position: relative;height: 100%;}
.protop .rightcon:after{position: absolute;left: 0;top: 0;width: 1000%;height: 372px;background-color: #053b95;z-index: 0;content: "";}
.protop .pronav{position: relative;z-index: 1;}
.protop .pronav .con{height: 40px;margin-right: 20px;font-size: 16px;color: #fff;cursor: pointer; float: left;border: 1px solid rgba(255,255,255,0.5);border-radius: 40px;line-height: 40px;text-align: center;padding: 0 3.4%;margin-bottom: 20px;min-width: 8.1rem;transition: all 0.44s;}
.protop .pronav .con:hover{border-color: #fd8100;color: #fd8100;}
.protop .pronav .con.cur{background-color: #fd8100;color: #fff;}
.probox{position: relative;z-index: 2;}
.pro-swiper{padding-bottom: 4.0rem;margin-bottom: 4.0rem;display: none;overflow: hidden;}
.pro-swiper .swiper-pagination{bottom: 0;}
.pro-swiper .con{padding: 15px;border: 1px solid #ccc;background-color: #fff;cursor: pointer;}
.pro-swiper .con .imgcon{width: 100%;padding-top: 100%;height: 0;box-sizing: content-box;position: relative;}
.pro-swiper .con .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;}
.pro-swiper .con .img img{width: 100%;}
.pro-swiper .text{height: 3.5rem;line-height: 3.5rem; padding: 0 15px;background-color: #053b95;color: #fff;text-align: center;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.imgcon {overflow: hidden;}
.imgcon .img{transition: all 0.4s ease-in-out;}
.imgcon:hover .img{transform: scale(1.05);}

.index_about{padding-top: 105px;padding-bottom: 105px;position: relative;background: url(../images/about_1.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.index_about:after{width: 50%;position: absolute;right: 0;top: 0;height: 100%;background:url(../images/about_2.jpg) center no-repeat;background-size: cover; content: "";z-index: 0;}
.index_about .container{position: relative;z-index: 2;}
.index_about .aboutcon{width: 50%;color: #fff;background-size: cover;position: relative;z-index: 1;padding-right: 2.5rem;}
.index_about .aboutcon .text{font-size: 0.9rem;line-height: 2.3;text-align: justify;font-size: 1.0rem;}

.index_about .aboutcon .readmore{display: block; transition: all 0.66s;text-transform: uppercase;width: 11.75rem;height: 3.375rem;line-height: 3.375rem;background-color: #fd8100;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;margin-top: 2.5rem;transition: all 0.4s;}
.index_about .aboutcon .readmore:hover{background-color: #fff;color: #fd8100;}

.index_about .aboutcon .more{display: block; width: 3.1rem;height: 3.1rem;line-height: 3.1rem;text-align: center; border-radius: 3.1rem;background: #332a9a; font-size: 1.6rem;color: #fff;margin-top: 2.0rem;transform: rotate(-30deg);transition: all 0.66s;}

.index_about .aboutcon .more:hover{background-color: #fff;transform: rotate(0deg);box-shadow: 5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(0,0,0,0.1);color: #332a9a;}
a:hover{color: #fd8100}
.index_about .data{margin-top: 4.5rem;display: flex;}
.index_about .data .item{float: left; width: 25%;padding: 2.5rem 15px;text-align: center;background-color: #fff;}
.index_about .data .item .num{font-size: 3.0rem;color: #053b95;}
.index_about .data .item .desc{font-size: 14px;margin-top: 6px;}
.index_about .data .item:nth-child(3),.index_about .data .item:nth-child(4){background-color: rgba(5,59,149,0.8);color: #fff;}
.index_about .data .item:nth-child(3) .num,.index_about .data .item:nth-child(4) .num{color: #fff;}

.index_case{padding-top: 4.5rem;padding-bottom: 4.5rem;}
.index_case .anli_list{ padding-bottom: 30px;  }
.index_case .anli_item{ width: 24.5%; position: relative; float: left; margin:0 0 1% 1%;}
.index_case .anli_item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);  }
.index_case .anli_item .tu_img{width: 100%; height: 0;padding-top: 72.22%;position: relative; overflow: hidden; }
.index_case .anli_item .tu_img .img{width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;transition: all 0.35s ease-in-out;}
.index_case .anli_item:hover .tu_img .img{transform: scale(1.1);}
.index_case .anli_item .tu_img img{ display: block;width: 100%; height: auto;position: absolute;left: 0;top: 0; }
.index_case .tankuang{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; background: rgba(0, 0,0,0.25);background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0))}
.index_case .tankuang span{ display: block; color: #fff; font-size: 30px; line-height: 44px; text-align: center; }
.index_case .tankuang .text{ width: 116px; height: 1px; background: #fff; margin: 0 auto;background: rgba(255,255,255,0.25);}
.index_case .tankuang span.xgt_txt{ height: 3.5rem;line-height: 3.5rem;padding: 0 1.25rem;position: absolute;left: 0;bottom: 0;width: 100%;font-size: 1.0rem; }
.index_case .anli_item:nth-child(2){ width: 50%; position: relative;margin-right: 0; }
.index_case .anli_item:nth-child(2) .tu_img{padding-top: 35.1%;}
.index_case .anli_item:nth-child(1){ width: 49%; position: relative; margin-left: 0px; }
.index_case .anli_item:nth-child(1) .tu_img{width: 100%; height: 0;padding-top: 74.12%; overflow: hidden;position: relative; }

.index_case .anli_item:nth-child(1) span.xgt_txt{  font-size: 1.125rem;padding: 0 2.5rem; }
.index_case .anli_item:nth-child(1) .tankuang span{  }
.index_case .anli_item:nth-child(1) .text{ width: 154px; height: 1px; background: #fff; margin: 0 auto;}

.index_news{padding-top: 4.5rem;padding-bottom: 4.5rem;background: #f9fafc url(../images/news_bg.jpg) center no-repeat;background-size: cover;}
.oneline{overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}
.threeline{overflow: hidden;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}

.index_newslist{margin-top: 3rem;}
.index_newslist .item{width: 33.33%;padding: 0 16px;}
.index_newslist .con{background-color: #fff;padding: 8% 8%;display: block;transition: all 0.4s;position: relative;}
.index_newslist .con:last-child{margin-right: 0;}
.index_newslist .con .img{width: 100%;position: relative;height: 0;box-sizing: content-box;-webkit-box-sizing: content-box;padding-top: 48.25%;overflow: hidden;margin: 1.875rem 0;}
.index_newslist .con .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.66s cubic-bezier(0.215,.61,.355,1);}
.index_newslist .con h3{font-size: 1.0rem;font-weight: bold;color: #222222; height: 1.5rem;line-height: 1.5;overflow: hidden;transition: all 0.6s;}
.index_newslist .con .desc{font-size: 0.875rem;line-height: 1.5;overflow: hidden;margin-top: 0.8rem;color: #555;}
.index_newslist .con .more{width: 3.375rem;height: 3.375rem;line-height: 3.375rem;margin-top: 0.8rem;background: #fff url(../images/icon_more_l.png) center center no-repeat;position: relative;border-radius: 50%;border: 1px solid #eee;transition: all 0.4s;}
.index_newslist .con:after{position: absolute;bottom: 0;left: 0;width: 0%;height: 0.375rem;background-color: #fd8100;content: "";transition: all 0.4s;}
.index_newslist .con:hover{box-shadow: 5px 5px 15px rgba(0,0,0,0.15),-5px -5px 15px rgba(0,0,0,0.15);}
.index_newslist .con:hover h3{color: #fd8100}
.index_newslist .con:hover .more{background-image: url(../images/icon_more_w.png);background-color: #fd8100;}
.index_newslist .con:hover:after{width: 100%;}
.index_newslist .con:hover .img img{transform: scale(1.05);}


.video_wrap{position: absolute;top: 50%;margin-top: -8.3%; right: 0;z-index: 5; width: 59.375%;height: 0;padding-top: 33.34%;box-sizing: content-box;background: url(../images/video_bg.jpg) center no-repeat;background-size: cover;}
.video_wrap .play{background: url(../images/icon_play.png) center no-repeat;width: 6.6rem;height: 6.6rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}

.video_bg{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 999;display: none;}
.video_inner{position: fixed;width: 900px;margin: 0 auto;text-align: right;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);   -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 999;display: none;}
.video_inner span{display: inline-block;font-size: 50px;color: #fff;cursor: pointer;}


.subbanner{width: 100%;height: 27.5rem;min-height: 27.5rem; background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;background-color: #fff;}

.subbanner .container{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;z-index: 2;}
.banner_type {}
.subbanner_text{width: 50%;}
.banner_type h1{font-size: 2.0rem;font-weight: bold;line-height: 1.8;position: relative;text-transform: uppercase;}
/*.banner_type h1:after{width: 3.5rem;height: 2px;position: absolute;left: 0;top: 0;content: "";background-color: #fff;}*/
.banner_type .desc{font-size: 14px;line-height: 1.8;}
.banner_type .down{width: 3.0rem;height: 3.0rem;transform: translateY(4.0rem);animation: 2s linear infinite roateY; background: url(../images/icon_scrollmore_w.png) center no-repeat;}
@keyframes roateY {
  to {
    transform: translateY(4.0rem) rotateY(360deg);
  }
}

.subpage_wrap{position: relative;z-index: 1;background-color: #fff;min-height:20vh;padding-top: 1px;padding-top: 5.0rem;}
.subpagenav{width: 100%;transition: all ease 0.5s;position: absolute;left: 0;top: 0; z-index: 2;background-color: #fff;border-bottom: 1px solid #eee; height: 5.0rem}
.subpagenav.fixed{position: fixed;top: 70px;}
.subpagenav.fixed .container{}
.subpagenav .container{text-align: left;}
.subpagenav .container>a{display: inline-block;margin-right: 5.0rem; height: 5rem;vertical-align: top;color: #333;font-size: 1.0rem;font-weight: bold;line-height: 5rem;position: relative;}
.subpagenav .container>a:after{background-color: #fd8100;content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;transition: all 0.5s ease;transform: scale3d(0,1,1);}
.subpagenav .container>a.on:after,.subpagenav .container>a:hover:after{transform: scale3d(1,1,1);}
.position{position: relative;float: right;padding-left: 30px;background: url(../images/icon_home.png) left center no-repeat;height: 5.0rem;line-height: 5.0rem;font-size: 16px;}
.position a{padding: 0 5px;font-size: 16px;color: #666;}
.position a:hover{color: #fd8100;}



.about_page{position: relative;z-index: 1;background-color: #fff;}
.about_con {padding-top: 5rem;padding-bottom: 5rem; background: url(../images/aboutcon_bg.jpg) center;}
.about_con .img{width: 100%;margin: 2rem 0;}
.about_con .img img{width: 100%;}
.about_content{margin-bottom: 3.5rem;color: #666666;}
.about_content .typebar{flex: 0 0 auto;}
.about_content .con{flex: 1;line-height: 2;}
.about_content p{margin-bottom: 2rem;line-height: 2.4;text-align: justify;}
.submain_type{}
.submain_type h2{font-size: 2.25rem;border-bottom: 1px solid #ccc;padding-bottom: 1.25rem;text-align: center;margin-bottom: 2.5rem;}

.fl{float: left;}


.datas{margin-top: 3rem;margin-bottom: 3rem; display: flex;box-shadow: 3px 3px 6px rgba(0,0,0,0.1),-3px -3px 6px rgba(0,0,0,0.1);}
.datas .item{float: left; width: 25%;padding: 2rem 0px;text-align: center;background-color: #fff;}
.datas .item .con{border-left: 0px solid #ccc;padding: 0 20px;position: relative;}
.datas .item .con:after{position: absolute;left: 0;top: 50%;width: 1px;height: 60px;margin-top: -30px;content: "";background-color: #ccc;}
.datas .item .num{font-size: 3.0rem;color: #053b95;line-height: 1.4;}
.datas .item .desc{font-size: 14px;margin-top: 6px;line-height: 1.4}

.submain{padding: 5rem 0;background: url(../images/aboutcon_bg.jpg) center;}
.leftbar{width: 310px;float: left;width: 21.52%;}
.leftbar .typename{width: 100%;height: 5.875rem;line-height: 5.875rem;padding-left: 10.3%;font-size: 1.875rem;color: #fff;font-weight: bold;background: url(../images/leftbar_bg.jpg) center no-repeat;background-size: cover;}
.leftbar .typelist{background-color: #fff;margin-bottom: 1.5rem;box-shadow: 2px 2px 4px rgba(0,0,0,0.1),-2px -2px 4px rgba(0,0,0,0.1);}
.leftbar .typelist li{height: 3.75rem;line-height: 3.75rem;padding-left: 13%;border-bottom: 1px solid #ccc;position: relative;background: url(../images/icon_arr.png) right 30px center no-repeat;}
.leftbar .typelist li a{font-size: 16px;color: #666;display: block;}
.leftbar .typelist li.cur a,.leftbar .typelist li:hover a{color: #fd8100;}
.leftbar .typelist li.cur,.leftbar .typelist li:hover{background-image: url(../images/icon_arr_o.png);}
.leftbar .textcon{padding: 40px 20px;background-color: #fff;box-shadow: 2px 2px 4px rgba(0,0,0,0.1),-2px -2px 4px rgba(0,0,0,0.1);}
.leftbar .textcon .title{font-size: 16px;color: #222222;margin-bottom: 2rem;}
.leftbar .textcon p{font-size: 14px;color: #666666;line-height: 2;}

.main{width: 1090px;float: right;width:75.69%}
.productlist{margin-left: -10px;margin-right: -10px;}
.productlist .item{width: 33.33%;padding: 0 10px;margin-bottom: 20px;float: left;}
.productlist .con{padding: 20px;background-color: #fff;display: block;border: 1px solid #ccc;padding-bottom: 0;}
.productlist .con .imgcon{position: relative;height: 0;padding-top: 100%;box-sizing: content-box;}
.productlist .con .imgcon .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;}
.productlist .con .text{font-size: 16px;color: #222222;text-align: center;padding: 20px 0;}


.imglist{margin-left: -10px;margin-right: -10px;}
.imglist .item{width: 25%;padding: 0 10px;margin-bottom: 20px;float: left;}
.imglist .con{padding: 0px;background-color: #fff;display: block;padding-bottom: 0;}
.imglist .con .imgcon{position: relative;height: 0;padding-top: 66.13%;box-sizing: content-box;}
.imglist .con .imgcon .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;}
.imglist .con .text{font-size: 16px;color: #222222;text-align: center;padding: 0 10px;margin-top: 10px;height: 4.125rem;line-height: 4.125rem;background-color: #efefef;transition: all 0.5s;}
.imglist .con:hover .text{background-color: #053b95;color: #fff;}




.typebar2{text-align: center;line-height: 1.8;margin-bottom: 2.5rem;position: relative;}
.typebar2.white .enname,.typebar2.white h2{color: #fff;}
.typebar2.text-left{text-align: left;}
.typebar2 .enname{font-size: 1.5rem;color: #999999;text-transform: uppercase;}
.typebar2 h2{font-size: 1.8rem;color: #393199;font-weight: bold;position: relative;}
.typebar2 h2.xian:after{position: absolute;right: 1rem;top: 50%;width: calc(100% - 10rem);height: 1px;background-color: #ccc;content: "";}
.typebar2 .more{position: absolute;right: 0;bottom: 0;font-size: 0.9rem;color: #28226c;}
.typebar2 .more .iconfont{margin-left: 0.5rem;font-size: 0.9rem;}
.typebar2 .enname.endou{position: relative;display: inline-block;vertical-align: middle;}
.typebar2 .enname.endou:after{position: absolute;top: 0;line-height: 1; right: -4rem;font-size: 3.6rem;content: "”";color: #d9d9d9;}


.zengzhiyewu{padding: 3.5rem 0;}
.zzywlist .con{width: 29.3%;margin-bottom: 4%;padding: 3rem 3rem;background: url(../images/yewu1_bg.jpg) center no-repeat;background-size: cover;text-align: center;min-height:14rem;transition: all 0.6s; }
.zzywlist .con:nth-child(2){background-image: url(../images/yewu2_bg.jpg);}
.zzywlist .con:nth-child(3){background-image: url(../images/yewu3_bg.jpg);}
.zzywlist .con:nth-child(4){background-image: url(../images/yewu4_bg.jpg);}
.zzywlist .con:nth-child(5){background-image: url(../images/yewu5_bg.jpg);}
.zzywlist .con:nth-child(6){background-image: url(../images/yewu6_bg.jpg);}
.zzywlist .con .title{font-size: 1.5rem;color: #333;font-weight: bold; padding-bottom: 1rem;margin-bottom: 1.5rem;position: relative;transition: all 0.6s;}
.zzywlist .con .title:after{position: absolute;bottom: 0;left: 50%;width: 2.5rem;height: 1px;background-color: #232323;content: "";margin-left: -1.25rem;transition: all 0.6s;}
.zzywlist .con .desc{font-size: 16px;line-height: 2.2;transition: all 0.6s;}
.zzywlist .con:hover{background-image: url(../images/yewu_h_bg.jpg);box-shadow: 10px 10px 20px rgba(0,0,0,0.2),-10px -10px 20px rgba(0,0,0,0.2);}
.zzywlist .con:hover .title,.zzywlist .con:hover .desc{color: #fff;}
.zzywlist .con:hover .title:after{background-color: #fff;}

.hezuo_wrap{margin-top: 7rem;}
.hezuolist{margin-left: -1.5%;margin-right: -1.5%;padding-bottom: 3.5rem;}
.hezuolist .con{width: 22%;margin: 0 1.5% 1.0rem;text-align: center;transition: all 0.6s;}
.hezuolist .con .img{height: 100px;line-height: 100px;}
.hezuolist .con .img img{vertical-align: middle;transition: all 0.6s;}
.hezuolist .con .img1{}
.hezuolist .con .img2{display: none;}
.hezuolist .con .title{padding: 1rem;border-top: 1px solid #eee;font-size: 18px;}
.hezuolist .con:hover{/*background-color: #393199;color: #fff;*/box-shadow: 5px 5px 10px rgba(0,0,0,0.05),-5px -5px 10px rgba(0,0,0,0.05)}
/*.hezuolist .con:hover .img1{display: none;}*/
/*.hezuolist .con:hover .img2{display: inline-block;}*/


.news_page{position: relative;padding-top: 1px; z-index: 1;background-color: #fff;}
.newspage_content{padding-top: 3.5rem;padding-bottom: 3.5rem;background-color: #fff;}
.bgcl{background-color: #f6f6f6!important;}

.news_item1{}
.news_item1 .img{width: 45%;height: 0;padding-top: 35.45%;box-sizing: content-box;position: relative;}
.news_item1 .img a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;display: block;transition: all 0.5s ease 0;display: none;}
.news_item1 .newslist{width: 55%;box-shadow: 6px 6px 12px -3px rgba(0,0,0,0.3)}
.news_item1 .item{flex: 1;-ms-flex: 1;padding: 1.0rem 6% 0 3.9%;position: relative;border-bottom: 1px solid #eee;display: block;overflow: hidden;transition: all 0.5s}
/*.newslist .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";transition: all 0.5s ease;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);opacity: 0;transform: translate3d(0%,0,0);}*/
/*.newslist .item:hover:after,.newslist .item.on:after{opacity: 1;transform: translate3d(0%,0,0);}*/
.news_item1 .item:hover,.news_item1 .item.on{color: #fff;border-color: transform;background-color: #393199;}
.news_item1 .item:hover .more,.news_item1 .item:hover .desc,.news_item1 .item.on .more,.news_item1 .item.on .desc{color: #fff!important;}
.news_item1 .item h3,.news_item1 .item .desc,.news_item1 .item .date{position: relative;z-index: 1;transition: all 0.5s ease 0;}
.news_item1 .item h3{font-size: 1.0rem;line-height: 1.6;margin-bottom: 0.5rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_item1 .item .desc{font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1.0rem;}
.news_item1 .item .date{margin-right: 1rem;}
.news_item1 .item .more{font-weight: bold;color: #393199;transition: all 0.5s ease 0;}

.news_item2{}
.news_item2 .item{width: 29.125%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;display: block;}
.news_item2 .item .img{height: 0;padding-top: 63.7%;box-sizing: content-box;position: relative;display: block;overflow: hidden;z-index: 1;}
.news_item2 .item .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.news_item2 .item .text{height: 10rem;background-color: #fff;padding: 1.0rem 1rem;}
.news_item2 .item h3{font-size: 0.9rem;margin-bottom: 0.5rem;margin-top: 0.5rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_item2 .item .desc{font-size: 14px;color: #666;overflow: hidden; text-overflow: ellipsis;            display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.5rem;}
.news_item2 .item .date{margin-right: 1rem;color: #666;}
.news_item2 .item .more{color: #333;transition: all 0.6s;position: relative;padding-bottom: 0.5rem;}
.news_item2 .item .more:after{position: absolute;left: 0;bottom: 0;width: 0%;height: 1px;background-color: #9b98ba;content: "";transition: all 0.5s;}
.news_item2 .item:hover {box-shadow: 5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(0,0,0,0.1);}
.news_item2 .item:hover h3,.news_item2 .item:hover .more{color: #393199;}
.news_item2 .item:hover .desc{color: #666;}
.news_item2 .item:hover .more:after{width: 100%;}
.news_item2 .item:hover .date{color: #666;}

.news_item3{}
.news_item3 .item{width: 49%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;margin-bottom: 1.6rem;padding: 0.5rem 2rem;background-color: #ffffff;border-left: 1px solid #eee;transition: all 0.5s;}
.news_item3 .item .text{flex: 1;-webkit-flex: 1;-ms-flex: 1;}
.news_item3 .item .img{width: 6.5rem;margin-left: 2.0rem;}
.news_item3 .item h3{font-size: 0.9rem;}
.news_item3 .item .desc{margin-top: 0.5rem;transition: all 0.5s;}
.news_item3 .item .date{position: relative;z-index: 1;margin-right: 0.5rem;}
.news_item3 .item .more{color: #393199;transition: all 0.5s}
.news_item3 .item:hover,.news_item3 .item.on{color: #fff;border-color: transform;background-color: #393199;box-shadow: 8px 8px 16px rgba(0,0,0,0.1),-8px -8px 16px rgba(0,0,0,0.1);}
.news_item3 .item:hover .more,.news_item3 .item:hover .desc,.news_item3 .item.on .more,.news_item3 .item.on .desc{color: #fff!important;}
.news_item3 .item h3,.news_item3 .item .desc,.news_item3 .item .date{position: relative;z-index: 1;transition: all 0.5s ease 0;}

.news_item4{}
.news_item4 .item{width: 49%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;margin-bottom: 1.0rem;padding: 1rem 1rem;border-bottom: 1px solid #ccc;}
.news_item4 .item h3{font-size: 0.9rem;}
.news_item4 .item:hover h3{color: #0065bf;}
.news_item4 .item:hover .date{color: #666;}
.news_item4 .item:hover:after{display: none;}
.news_item4 .item .date{position: relative;z-index: 1;margin-right: 1rem;}


.news_item5{}
.news_item5 .item{width: 100%;position: relative;margin-bottom: 1.6rem;padding: 20px;background-color: #f9f9f9; display: flex;justify-content: space-between;align-items: center;transition: all 0.6s;}
.news_item5 .item:hover{box-shadow: 8px 8px 16px rgba(0,0,0,0.1),-8px -8px 16px rgba(0,0,0,0.1);}
.news_item5 .item h3{font-size: 0.9rem;}
.news_item5 .item .date{width: 10%;float: right; position: relative;z-index: 1;flex: 0 0 auto;padding: 20px 25px;color: #555;font-size: 14px;text-align: center;}
.news_item5 .item .date .day{font-size: 3rem;font-weight: bold;margin-bottom: 0.8rem;position: relative;color: #053b95;}

.news_item5 .item .imgcon{width: 20%;; position: relative;height: 0;padding-top: 13%;box-sizing: content-box;}
.news_item5 .item .imgcon .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;}

.news_item5 .item .text{width: 50%;float: left; flex: 1;padding-left: 30px;padding-right: 30px;}
.news_item5 .item h3{font-size: 1.1rem;}
.news_item5 .item .desc{font-size: 0.8rem;color: #666;margin-top: 0.5rem;overflow: hidden; text-overflow: ellipsis;            display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.6;}
.news_item5 .item .more{width: 7.875rem;height: 2.125rem;border-radius: 2.125rem;text-align: center;line-height: 2.125rem;text-transform: uppercase;background-color: #666666;color: #fff;margin-top: 10px;transition: all 0.6s;}
.news_item5 .item:hover h3{color: #fd8100;}
.news_item5 .item:after{position: absolute;left: 0;bottom: 0;width: 0%;height: 1px;background-color: #fd8100;content: "";transition: all 0.5s;}
.news_item5 .item:hover .more{background-color: #fd8100;color: #fff;}
.news_item5 .item:hover:after{width: 100%;}

.item .img {overflow: hidden;}
.item .img img{transition: all 0.5s ease-in-out;}
.item:hover .img img{transform: scale(1.1,1.1);}

.com-fenye1 {display: flex;-ms-display: flex;-webkit-display: flex;-js-display: flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;-ms-align-items: center;-ms-justify-content: center;margin: 2rem 0 0;}
.com-fenye1 .a1 {width: 35px;height: 35px;border-radius: 35px;font-size: 16px;transition: all 0.4s ease;margin: 0 6px;text-align: center;display: flex;-ms-display: flex;-webkit-display: flex;-js-display: flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;-ms-align-items: center;-ms-justify-content: center;border: 1px solid #ccc;
}
.com-fenye1 .a1.home1,.com-fenye1 .a1.end1{min-width: 80px;border-right: 35px;}
.com-fenye1 .a1:hover,
.com-fenye1 .a1.active {background: #00419b;color: #ffffff;border-color: #00419b;}



.newslist_content{padding-top: 5rem;padding-bottom: 5rem;margin-top: 5rem;}
.newslist_content .tjimgs{margin-bottom: 2rem;overflow: hidden;position: relative;}
.newslist_content .tjimgs .item{display: block;}
.newslist_content .tjimgs .img{position: relative;overflow: hidden;width: 50%; height: 0;padding-top: 28%;box-sizing: content-box;}
.newslist_content .tjimgs .img:after{position: absolute;left: 0;top: 0; width: 100%;height: 100%;content: "";background-image: linear-gradient(transparent, #222);opacity: 0.1;z-index: 0;}
.newslist_content .tjimgs .img img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;transition: all 0.5s;}
.newslist_content .tjimgs .text{width: 50%; padding: 2rem;background-color: #f9f9f9;position: relative;}
.newslist_content .tjimgs .text h3{font-size: 1.2rem;}
.newslist_content .tjimgs .text .desc{font-size: 0.8rem;margin-top: 1rem;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 2;}
.newslist_content .tjimgs .text .more{font-size: 0.9rem;margin-top: 1rem;}
.newslist_content .tjimgs .text .ewm{position: absolute;right: 2rem;bottom: 2rem;width: 74px;height: 74px;}
.newslist_content .tjimgs .text:hover h3,.newslist_content .tjimgs .text:hover .more{color: #393199;}
.newslist_content .tjimgs:hover .img img{transform: scale(1.05);}
.newslist_content .tjimgs .swiper-pagination{width: 50%;right: 0;bottom: 2rem; left: auto;text-align: left;padding-left: 2rem;}
.newslist_content .tjimgs .swiper-pagination-bullet-active{width: 20px;border-radius: 8px;}

.newslist_content .content{margin-top: 3.5rem;}
.newslist_content .left_con{width: 71.625%;}
.newslist0 .item{padding: 0 0 2rem 0;margin-bottom: 2rem;border-bottom: 1px solid #eee;}
.newslist0 .item .img{width: 29.3%;height: 0;box-sizing: content-box;padding-top: 12.67%;position: relative;overflow: hidden;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;margin-right: 1.7rem;display: block;}
.newslist0 .item .img img{width: 100%;position: absolute;left: 0;top: 0;}
.newslist0 .item .text{flex: 1;-ms-flex: 1;-webkit-flex: 1;justify-content: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;}
.newslist0 .item .text h3{font-size: 1.0rem;display: block;}
.newslist0 .item:hover  .text h3,.newslist0 .item:hover  .more{color: #393199;}
.newslist0 .item:hover  .desc{color: #333;}
.newslist0 .item .text .desc{font-size: 0.8rem;height: 3.0rem;line-height: 1.8;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newslist0 .item .text .date{color: #666;font-size: 0.9rem;font-family: 'Dosis';padding-left: 30px;background: url(../images/icon_time.png) left center no-repeat;}
.newslist0 .item .text .more{margin-bottom: 12px;}

.newslist_content .right_con{width: 22.375%;}
.newslist_content .right_con .item{width: 100%;display: block; position: relative;overflow: hidden;height: 0;padding-top: 63.7%;box-sizing: content-box;background-color: #eee;margin-bottom: 1.5rem; }
.newslist_content .right_con .item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease;opacity: 1;z-index: 0;}
.newslist_content .right_con .item .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease;z-index: 1;background-color: #eee;padding: 1.5rem;justify-content: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;}
.newslist_content .right_con .item h3{position: relative;z-index: 2;font-size: 16px;transition: all 0.5s ease 0;}
.newslist_content .right_con .item .date{position: relative;z-index: 2;font-size: 14px;transition: all 0.5s ease 0;}
.newslist_content .right_con .item:hover .text{color: #fff;background-color: rgba(0,85,184,0.5);}
.newslist_content .right_con .item:hover img{opacity: 1;}
.newslist_content .right_con .item:hover img:after{opacity: 1;}

.contact_content{padding-top: 5.5rem;padding-bottom: 3.5rem;margin-top: 5rem;}

.news_con{}
.news_con .leftbar{width: 100px;text-align: center;}
.news_con .leftcon{width: calc(75% - 100px);position: relative;padding: 0 3%;}
.news_con .leftcon:before{width: 1px;height: 80%;background-color: #f0f0f0;content: "";position: absolute;left: 0;top: 0;}
.news_con h1{font-size: 1.8rem;font-weight: bold;margin-bottom: 1.5rem;text-align: center;}
.news_con .source{margin-bottom: 2.5rem;padding: 0.75rem;background-color: #f6f6f6;text-align: center;}
.news_con .source span{padding: 0 15px;font-size: 14px;}
.news_con_body{font-size: 14px;line-height: 1.8;margin-bottom: 2rem;text-align: justify;background: #fff;box-shadow: 3px 3px 6px rgba(0,0,0,0.1),-3px -3px 6px rgba(0,0,0,0.1);padding: 3%;}
.news_con_body .creatdate{text-align: center;margin-bottom: 2rem;}
.news_con_body p {line-height: 2.1;}
.news_con_body p,.news_con_body div{margin-bottom: 20px;}
.news_con_body img{max-width: 90%;margin: 20px auto;display: block;}

.news_con .right_con{width: 25%;}
.news_con .return_list{margin: 2rem 0; width: 100%;height: 2.8rem;line-height: 2.8rem;background: #28226c ;text-align: center;font-size: 16px;color: #fff;text-indent: 20px;}
.news_con .return_list .icon{width: 30px;height: 30px;background: url(../images/icon_menu_w.png) center center no-repeat;}

.news_con .leftbar .date{font-size: 1.0rem;color: #000;font-family: "Dosis";margin-bottom: 1rem;}
.news_con .leftbar .day{font-size: 1.5rem;}
.news_con .leftbar .year{position: relative;display: inline-block;}
.news_con .leftbar .year:after,.news_con .leftbar .year:before{position: absolute;left: -20px;top: 50%;width: 0.8rem;height: 1px;background-color: #c8c8c8;content: "";}
.news_con .leftbar .year:after{right: -20px;left: auto;}

.news_con .share{}
.share .name{font-size: 14px;color: #666;position: relative;display: inline-block;}
.share .name:after,.share .name:before{position: absolute;left: -1.0rem;top: 50%;width: 0.8rem;height: 1px;background-color: #c8c8c8;content: "";}
.share .name:after{right: -1.0rem;left: auto;}
.lhShare_list{}
.share .lhShare{display: block;width: 40px;height: 40px;line-height: 40px;margin: 1rem auto 1rem; border-radius: 50%;background-color: #ccc;transition: all 0.6s;}
.share .lhShare:hover{background-color: rgb(61,190,91);}
.share .lhShare[data-type='xinlang']:hover{background-color: rgb(213,44,43)}
.share .lhShare[data-type='qqhy']:hover{background-color: rgb(22,154,218)}
.share .lhShare[data-type='kongjian']:hover{background-color: rgb(253,207,0)}
.share .lhShare .iconfont{font-size: 30px;color: #fff;}

.newslist3{margin-top: 2.5rem;}
.newslist3 h3{font-size: 1.5rem;line-height: 1;width: 100%;margin-bottom: 1.5rem;color: #555;padding-left: 1.0rem;border-left: 0.2rem solid #004098;}
.newslist3 .item{font-size: 16px;margin-bottom: 10px; display: block;width: 50%; color: #555;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1rem;padding-right: 30px;}
.newslist3 .item:hover{color: #004097;}

.newslist4{margin-bottom: 2rem;}
.newslist4 h3{font-size: 1.2rem;line-height: 2.2;width: 100%;margin-bottom: 1.5rem;color: #555;padding-left: 35px;border-bottom: 1px solid #ddd;background: url(../images/icon_fire_b.png) left 5px center no-repeat;}
.newslist4 h3.tjicon{background-image: url(../images/icon_new.png);}
.newslist4 .item{font-size: 16px;margin-bottom: 10px; display: block;width: 100%; color: #555;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1rem;padding-right: 30px;position: relative;}
.newslist4 .item span{padding: 0 10px;  }
.newslist4 .item.hot{background: url(../images/icon_hot.png) right center no-repeat;}
.newslist4 .item:after{position: absolute;left: 2px;top: 50%;margin-top: -10px; font-size: 14px; width: 20px;height: 20px;line-height: 20px;text-align: center; content: attr(data-num);color: #fff;}
.newslist4 .item:nth-of-type(1) span{color: #c80000;}
.newslist4 .item:nth-of-type(2) span{color: #ff0909;}
.newslist4 .item:nth-of-type(3) span{color: #ff9000;}
.newslist4 .item:hover{color: #393199;}

.newslist5{margin-top: 2.5rem;}
.newslist5 h3{font-size: 1.2rem;line-height: 2.2;width: 100%;margin-bottom: 1.5rem;color: #555;padding-left: 35px;border-bottom: 1px solid #ddd;background: url(../images/icon_flag.png) left center no-repeat;}
.newslist5 .item{font-size: 16px;margin-bottom: 10px; display: block;width: auto;margin-right: 15px;background-color: #f8f8f8;text-align: center; color: #555;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1rem;padding: 5px 20px;}
.newslist5 .item:hover{color: #393199;}

.bt{border-top: 1px solid #ccc;}
.fanpian{padding-top: 1.0rem;width: 100%;}
.fanpian a{font-size: 16px;margin-bottom: 10px; display: block;width: 100%; color: #444;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fanpian a:hover{color: #393199;}
.sharebox{line-height: 37px;margin-top: 30px;font-size: 16px;}



/*产业布局*/
.product_page{position: relative;z-index: 1;background-color: #fff; padding-top: 3.5rem;padding-bottom: 3.5rem;}
.product_page .product_list{}
.product_list .item{position: relative;z-index: 0;padding: 4rem 3rem;overflow: hidden;}
.product_list .item:nth-of-type(2n+1):after{position: absolute;right: 0;top: 0;width: 27.4%;height: 100%;background: url(../images/bgService.png) center;content: "";transform: translateX(100%);transition: all 1s ease;}
.product_list .item:nth-of-type(4n+2):after{position: absolute;left: 0;top: 0;width: 90%;height: 100%;background: #f1f7fe;content: "";transform: translateX(-100%);transition: all 1s ease;}
.product_list .item:nth-of-type(4n):after{position: absolute;right: 0;top: 0;width: 90%;height: 100%;background: #f1f7fe;content: "";transform: translateX(100%);transition: all 1s ease;}
.product_list .Visual.item:nth-of-type(2n+1):after{transform: translateX(0%);}
.product_list .Visual.item:nth-of-type(4n+2):after{transform: translateX(0%);}
.product_list .Visual.item:nth-of-type(4n):after{transform: translateX(0%);}
.product_list .item .container{position: relative;z-index: 1;}
.product_list .item .imgcon{width: 50%;padding: 0 2rem; flex: 0 0 auto;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;}
.product_list .item:nth-of-type(2n+1) .text{order: -1;}
.product_list .item .imgcon .img{width: 100%;position: relative; height: 0;box-sizing: content-box;padding-top: 63%;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;display: block;display: block;}
.product_list .item .imgcon .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.6s ease-in-out;}
.product_list .item:hover img{transform: scale(1);}
.product_list .item .imgcon .img:hover img{transform: scale(1.05);}
.product_list .item .text{width: 50%;padding: 0 2rem;flex: 0 0 auto;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;}
.product_list .item .text h3{font-size: 2.4rem;color: #0653b8;font-weight: bold;position: relative;display: inline;line-height: 1.6;}
.product_list .item .text h3 a{font-size: 2.4rem;color: #0653b8;}
.product_list .item .text h3:after{position: absolute;right: -8.0rem;top: 50%;width: 7.0rem;height: 0.25rem;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";}
.product_list .item .text .en{text-transform: capitalize; font-size: 2.5rem;color: rgba(6,83,184,0.3);margin-bottom: 1rem;}
.product_list .item .text .desc{font-size: 16px;line-height: 2;text-align: justify;}
.product_list .item .text .more{display: block;width: 6.5rem;height: 2.25rem;border: 1px solid #333;text-align: center;line-height: 2.25rem;margin-top: 1.5rem;position: relative;overflow: hidden;transition: all 0.5s ease;}
.product_list .item .text .more span{position: relative;z-index: 1;}
.product_list .item .text .more:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";transition: all 0.5s ease;transform: translateX(-100%);z-index: 0;}
.product_list .item .text .more:hover{color: #fff;border-color: transparent;}
.product_list .item .text .more:hover:after{transform: translateX(0%);}


/*jobs*/
.jobs_page {padding-top: 1.5rem;padding-bottom: 3.5rem;background-color: #fff;z-index: 1;position: relative;}
.jobs_content{padding-top: 3.5rem;}
.rzfz_content{}
.rzfz_content .item{}
.rzfz_content .item:nth-of-type(2n) .text{order: -1;}
.rzfz_content .item .img{flex: 0 0 50%;-ms-flex: 0 0 50%;-webkit-flex: 0 0 50%;position: relative;overflow: hidden;/*height: 0;box-sizing: content-box;padding-top: 25%;*/}
.rzfz_content .item .imgbg{position: absolute;left: 0;top: 0; width: 100%;height: 100%;transition: all 0.6s ease-in-out;background-size: cover;background-position: center;background-repeat: no-repeat; }
.rzfz_content .item .text{flex: 0 0 50%;-ms-flex: 0 0 50%;-webkit-flex: 0 0 50%;padding: 6.25rem 3.0rem;background:  url(../images/contact_bg.jpg) center no-repeat;background-size: cover;}
.rzfz_content .item .text h3{font-size: 1.5rem;font-weight: bold;color: #666666;position: relative;padding-bottom: 0.75rem;margin-bottom: 1.875rem;}
.rzfz_content .item .text p{font-size: 14px;margin-bottom: 1.25rem;}
.rzfz_content .item .text .desc{padding: 3.5rem 0;position: relative;margin-top: 1.5rem;font-size: 1.0rem;color: #666666;line-height: 1.7;}
.rzfz_content .item .text .desc:before{position: absolute;left: 0;top: 0; width: 3.35rem;height: 2.5rem;  background: url(../images/yinhao_left.png) center no-repeat;background-size: 100%;content: ""; }
.rzfz_content .item .text .desc:after{position: absolute;right: 0;bottom: 0;width: 3.35rem;height: 2.5rem;background: url(../images/yinhao_right.png) center no-repeat;background-size: 100%;content: ""; }
.rzfz_content .item:hover .img .imgbg{transform: scale(1.05);}

.job_list_wrap{padding-top: 3.5rem;}
.job_search{margin-bottom: 1.5rem;color: #333;}
.job_search select{border: 1px solid #eee;height: 2.8rem;width: 15.5rem;margin-right: 1.5rem;font-size: 1rem;}
.job_search input[type='text']{border: 1px solid #eee;height: 2.8rem; flex: 1;margin-right: 1.5rem;font-size: 1rem;}
.job_search button[type='submit']{height: 2.8rem;width: 11.7rem;background-color: #393199;color: #fff;border: 0;font-size: 1rem;}

/*jobs*/
.joblist {margin-bottom: 3.0rem;}
.joblist .tt{background: #f0f0f0;margin-bottom: 10px;color: #555;font-weight: bold;}
.joblist .tt p{float: left;width: 20%;padding-left: 2.5%;color: #555;line-height: 3.25rem;font-size: 1rem;text-align: center;}
.joblist ul{background: #fff;border-bottom: 0;}
.joblist ul li .dt{position: relative;border-bottom: 1px solid #e0e0e0;cursor: pointer;}
.joblist ul li .dt p{float: left;width: 20%;padding-left: 2.5%;color: #666;line-height: 56px;font-size: 0.9rem;text-align: center;}
.joblist ul li .dt p a,.joblist .cont .wyyp a{width: 9.0rem;background: #393199;display: block;color: #fff;font-size: 14px;text-align: center;line-height: 2.7;margin-top: 10px;}
.joblist .cont .wyyp a{margin: 15px 0 10px;}
.joblist ul li .dt .zkbtn{
    position:absolute;right:40px;top:0;width:24px;text-align:center;height:56px;display:flex;align-items:center;font-size:40px;cursor:pointer;color:#c8c8c8;background: url(../images/icon_jia.png) center no-repeat;background-size: 16px;}
.joblist ul li .dt .zkbtn.open{background-image: url(../images/icon_jian.png);background-size: 9px;}
.joblist ul li .cont{padding: 2.5%;font-size: 14px;color: #757474;line-height: 24px;border-bottom: 1px solid #e0e0e0;display: none;background-color: #f2f2f2;}
.joblist .cont_body {margin-bottom: 1.0rem;}
.joblist .cont_body .item{width: 48%;}
.joblist .cont_body .item .name{font-size: 1rem;margin-bottom: 1rem;}
.joblist .cont_body .bodycon{font-size: 14px;line-height: 2;}

/*联系我们*/
.contact_page{background-color: #fff;position: relative;z-index: 1;padding-top: 3.5rem;padding-bottom: 3.5rem;}

.contact_list_content{}
.contact_list .item{width: 33.33%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;background-color: #fbfbfb;position: relative;padding: 4% 5%;transition: all 0.5s ease;background-position: left center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.contact_list .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";transform: translate3d(-101%,0,0); z-index: 0;transition: all 0.5s ease;}
.contact_list .item:hover:after{transform: translate3d(0%,0,0);}
.contact_list .item:hover,.contact_list .item:hover .name{color: #fff;}
.contact_list .item .name{position: relative;z-index: 1;margin-bottom: 15px;font-size: 1.2rem;color: #0065bf;transition: all 0.5s ease;font-weight: bold;}
.contact_list .item p{position: relative;z-index: 1;line-height: 1.6;font-size: 0.9rem;}
.contact_list .item:nth-of-type(2n+1){background-color: #f1f1f1}
.contact_list .item:nth-of-type(1){background-image: url(../images/contact_bg1.png);}
.contact_list .item:nth-of-type(2){background-image: url(../images/contact_bg2.png);}
.contact_list .item:nth-of-type(3){background-image: url(../images/contact_bg3.png);}
.contact_list .item:nth-of-type(4){background-image: url(../images/contact_bg4.png);}
.contact_list .item:nth-of-type(5){background-image: url(../images/contact_bg5.png);}
.contact_list .item:nth-of-type(6){background-image: url(../images/contact_bg6.png);}


.product_page{margin-top: 60px;}
.product_top{margin-bottom: 60px;background-color: #fff;padding-bottom: 30px;} 
.product_imgs {width: 45%;float: left;}
.product_imgs .gallery-top{width: 100%;margin: 0;border: 1px solid #eee;}
.product_imgs .gallery-top .con{height: 0;box-sizing: content-box;padding-top: 100%; background-size: 100%;background-repeat: no-repeat;vertical-align: top;background-position: center;}
.product_imgs .gallery-top .con a{display: none;}

.product_imgs .gallery-thumbs{width: 100%; padding-left: 25px;padding-right: 25px;margin: 0;margin-top: 15px;}
.product_imgs .gallery-thumbs .con{background-size: 100%;background-repeat: no-repeat;background-position: center; height: 0;padding-top: 70%;box-sizing: content-box; cursor: pointer;float: left;margin: 0 5px;width: calc(100% - 10px)!important;;}
.product_imgs .gallery-thumbs .active .con{border: 1px solid #f00;}
.product_imgs .gallery-thumbs .slick-track{margin: 0;}

.product_imgs .gallery-thumbs .slick-arrow{height: 100%;width: 25px;position: absolute;top: 0;left: 0;background: #eee url(../images/arr_left_black.png) center no-repeat;background-size: 12px;margin: 0;color: transparent;z-index: 2;cursor: pointer;background-color: #fff;border: 0;}
.product_imgs .gallery-thumbs .slick-arrow:focus{outline: none;}
.product_imgs .gallery-thumbs .slick-arrow.slick-next{left: auto; right: 0;background-image: url(../images/arr_right_black.png)}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:450px;height:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomDiv img{max-width: 10000px;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.product_textcon{width: 48%;float: right;margin-right: 2%;}
.product_textcon .titles{padding-right: 150px;position: relative;min-height: 112px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.product_textcon h1{font-size: 1.5rem;line-height: 1.4;border-bottom: 1px solid #ccc;padding-bottom: 15px;padding-top: 15px;}
.product_textcon .titles .subtitle{font-size: 14px;color: #555;}
.product_textcon .titles .ewmxd{width: 100px;position: absolute;right: 0;top: -30px;}
.product_textcon .titles .ewmxd p{text-align: center;font-size: 14px;}

.product_textcon .prices{margin: 30px 0;}
.product_textcon .prices span{font-size: 35px;}

.product_textcon .con{padding: 15px 25px;background-color: #f7f7f7;color: #333;font-size: 14px;max-height: 355px;overflow: auto;}

.product_textcon .itemp{overflow: hidden;border-bottom: 1px solid #ccc;font-size: 14px;line-height: 1.3;padding: 15px 0;}
.product_textcon .itemp .name{width: 130px;float: left;text-align: right;}
.product_textcon .itemp .value{width: calc(100% - 140px);float: right;}

.product_textcon .btns{margin-top: 1.875rem;}
.product_textcon .btns .gobuy{display: block; width: 172px;height: 50px;line-height: 50px;background: #fd8100;color: #fff;text-align: center;display: inline-block;vertical-align: top;cursor: pointer;}
.product_textcon .btns .shareicon{display: inline-block;width: 50px;height: 50px;border:1px solid #ccc;margin-left: 10px;cursor: pointer;background: url(../images/product/icon_share.png) center no-repeat;background-size: 20px;}

.pro_detail{margin-top: 20px;padding: 1.875rem;background-color: #fff;}
.detail_title{border-bottom: 1px solid #ccc;position: relative;padding-bottom: 20px;margin-bottom: 40px;font-size: 18px;}
.detail_title:after{position: absolute;left: 0;bottom: 0;width: 150px;height: 5px;background-color: #fd8100;content: "";}

.pro_detail img{max-width: 100%;display: block;margin: 10px auto; }

.subtypebar{text-align: center;margin-bottom:   3rem;}
.subtypebar h2{font-size: 2.25rem;margin-bottom: 1rem;color: #222222;}
.subtypebar .desc{font-size: 14px;color: #222222;}
.feedback_bg{background-color: #f7f8fa;padding: 3.75rem 0;margin-top: 9.0625rem;}
.feedback_form {}
.feedback_form .item{width: 49%;float: left;margin-right: 2%;margin-bottom: 2%;color: #333;background-color: #ffffff;}
.feedback_form .item.item2{width: 100%;margin-right: 0;}
.feedback_form .item .input{height: 3.25rem;border: 1px solid #ccc;color: #333;padding: 6px 15px;font-size: 1.0rem;}
.feedback_form .item textarea{height: 6.4375rem;border: 1px solid #ccc;color: #333;padding: 6px 15px;font-size: 1.0rem;}
.feedback_form .submit{width: 194px;}
.feedback_form .submit input{display: block; width: 100%;height: 3.25rem;background-color: #053b95;color: #fff;border-radius: 0;border: 0;line-height: 3.25rem;text-align: center;transition: all 0.4s;}
.feedback_form .submit input:hover{background-color: #fd8100;color: #fff;}
.mr0{margin-right: 0!important;font-size: 1.0rem;}


.contact_map{margin-top: 6rem;position: relative;}
.contact_map .map{width: 100%;height: 32.5rem;}
.contact_map .mapbg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 200;background-color: rgba(0,0,0,0.1);cursor: pointer;}

.group_content{padding-top: 3.5rem;}
.group_content .info{width: 40%;margin-right: 5%;}
.group_content .info p{padding-left: 2.25rem;margin-bottom: 1.5rem;font-size: 1rem;line-height: 1.6;background-position: left top 0.2rem;background-repeat: no-repeat;background-size: 1.2rem;}
.group_content .info p.paddr{background-image: url(../images/icon_addr_l.png);}
.group_content .info p.ptel{background-image: url(../images/icon_tel_l.png);}
.group_content .info p.pfax{background-image: url(../images/icon_fax_l.png);}
.group_content .feedback{width: 50%;margin-right: 5%;font-size: 1.0rem;}
.group_content .feedback .items .item{width: 49%;}
.group_content .feedback input[type='text']{height: 2.2rem;font-size: 0.9rem;}
.group_content .feedback textarea{font-size: 0.9rem;}
.group_content .feedback button[type='submit']{height: 2.2rem;background-color: #333333;color: #fff;font-size: 0.9rem;border: 0;width: 10.0rem;}
.group_content .feedback .item{margin-bottom: 1.0rem;}
.group_content .feedback img{height: 2.2rem;margin-left: 1.5rem;margin-right: 1.5rem;}

.contact_guanzhu{padding-top: 3.5rem;}
.codelist{margin-top: 2rem;}
.codelist .item{width: 15%;text-align: center;}
.codelist .item .img{width: 100%;text-align: center;padding: 10px;}
.codelist .item .img img{box-shadow: 3px 3px 10px rgba(0,0,0,0.3)}
.codelist .item p{font-size: 16px;margin-top: 0.5rem;}

.qtyewu_wrap{padding-bottom: 3.5rem;}

@media(max-width: 1650px){
  html{font-size: 16px;}
  .head .rightnav>ul>li>a{font-size: 15px;}
  .head .rightnav>ul>li>a{padding: 0 0.8vw;margin: 0 0.2vw;}
  .news_right .index_newslist .item{padding: 5% 0 5% 180px;}
  .news_right .index_newslist .img{top: 1.9rem;}
  .news_right .index_newslist h4,.newslist2 .item h4{font-size: 16px;}
  .subnavwarp .con[data-typeid='1'] .name{margin-left: 10rem;}
  .subnavwarp .con[data-typeid='2'] .name{margin-left: 16rem;}
  .subnavwarp .con[data-typeid='3'] .name{margin-left: 21rem;}

  .protop .rightcon{padding-left: 4%;}
  /*.head .rightnav>ul>li>a{padding: 0 0.7rem;margin: 0 0.7rem;}*/
}
@media(max-width: 1440px){
  html{font-size: 14px;}
  .head .rightnav>ul>li>a{font-size: 14px;}
  .container{width: 80%;}
  .banner_nav{height: 120px;}
  .banner_nav .item{padding: 20px;}
  .banner_nav .text .desc{line-height: 1.4;}
  .banner_nav .icon img{width: 60px;}
  .banner_nav .item.on .icon img{width: 40px;}
  .protop .rightcon{padding-left: 3%;padding-right: 3%;}
  .protop .pronav .con{margin-right: 10px;}

}

@media(max-width: 1280px){
  html{font-size: 14px;}
  .head .rightnav>ul>li>a{font-size: 13px;}
  .container{width: 85%;}
  .subnavwarp .con[data-typeid='2'] .name{margin-left: 16rem;}
  .subnavwarp .con[data-typeid='4'] .name{margin-left: 22rem;}
  .subnavwarp .name{padding-right: 3rem;}
  .subnavwarp .xialanav{padding-left: 3rem;}


}

@media(max-width: 1023px){
    .subnavwarp{top: 70px;}
    .head .rightnav ul{display: none;}
    /*.head .rightnav>ul>li>a{padding: 0 0.2rem;margin: 0 0.2rem;}*/

    .low_carbon_list .con .desc{width: 100%;}
    .banner .slider_pagination {bottom: 20px;}
}